#mainbuttons {
    max-width: 94em;
    margin: 2.5em auto 1.5em;
    overflow: hidden;
}
#coursebuttons {
    max-width: 94em;
    margin: 1em auto 1.5em;
    overflow: hidden;
}

#mainbuttons a, #coursebuttons a{
    color: #353741;
}

/*#mainbuttons .btn {
    background: rgba(255, 255, 255, 0.4);
    width: 13em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding: 10px 20px;
    font-size: 1.4em;

    !*Old design*!
    !*text-transform: uppercase;*!
    border-radius: 2px;
    !*border: 1px solid rgb(87, 87, 87);*!

    !*New design*!
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);

    !* Need to fix a bug where part of the Suvival button was not clickable that was outside its parent*!
    z-index: 1;
    position: relative;
}*/

#coursebuttons div, #mainbuttons div  {
    display: inline-flex;
}

#mainbuttons .btn {
    background: rgba(255, 255, 255, 0.3);
    width: 13em;
    margin: 1em 1.75em;
    padding: 0.5em 1em;
    font-size: 1.4em;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    z-index: 1;
    position: relative;
}
/*
#coursebuttons .btn  {
    background: rgba(255, 255, 255, 0.4);
    min-width: 10em;
    max-width: 12em;
    padding: 10px 6px 4px;
    font-size: 1.25em;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    z-index: 1;
    margin: 0.25em 0.75em 0.5em;
    position: relative;
}

#mainbuttons .button-heading ,#coursebuttons .button-heading {
    height: 6px;
    padding: 0;
    border-radius: 2px 2px 0 0px;
    z-index: 1;
    margin: -11px -7px 4px;
    display: block;

}*/
#mainbuttons .btn:hover, #coursebuttons .btn:hover {
    background: rgba(0, 0, 0, 0.75);
    color: white;
}


#survival-link-container {
    position: relative;
}

#survival-link {
    float: right;
    margin-right: -2em;
}

#cefr-link-container {}

#cefr-link {}

#plus-link-container {}

#plus-link {
    float: left;
    margin-left: -2em;
}

@media (max-width: 992px) {

    #mainbuttons .btn {
        width: 100%;
        max-width: 19em;
        min-width: 11em;
    }

    #survival-link {
        float: none;
        margin-right: 0em;
    }

    #plus-link {
        float: none;
        margin-left: 0em;
    }
}

@media (max-width: 767px) {

    #mainbuttons .btn {
        background: rgba(255, 255, 255, 0.6);
        margin: 0.15em 1em 1em;
        max-width: 17em;

    }


}